import React from 'react';
import { Space } from 'antd';
import NodeComparison from './components/NodeComparison';
import NodeStatistics from './components/NodeStatistics';
import BeforeCorrectionComparison from './components/BeforeCorrectionComparison';
import styles from './index.less';

export default ({ power, buttonPermissions }) => {
  return (
    <div className={styles.content}>
      <div>
        <div className={styles.title}>节点间现货价格对比</div>
        <NodeComparison power={power} />
      </div>
      <div>
        <div className={styles.title}>节点现货价格分布统计</div>
        <NodeStatistics power={power} buttonPermissions={buttonPermissions} />
      </div>
      {power[0]?.value !== 'PXBNX' && (
        <div>
          <div className={styles.title}>节点现货价格修正前对比</div>
          <BeforeCorrectionComparison power={power} />
        </div>
      )}
    </div>
  );
};
